* { 
	margin: 0; 
	padding: 0; 
}

.listado {
	margin: 10px;
}

#hoverpage {font-family:arial, verdana, sans-serif; z-index: 1; position:relative;}

#hoverpage ul#menu li div p {font-size:12px; line-height:16px; margin:0px 0px 0px 0px;}
#hoverpage ul#menu li div h2 {line-height:1em; color:#000; font-size:1.5em; font-weight:normal; margin-top:0; padding-top: 10px;}
#hoverpage ul#menu li div h3 {line-height:1em; color:#666; font-size:1.2em; font-weight:normal; margin-top:0; padding: 10px;}
#hoverpage ul#menu li div h3.clear {clear:left; padding-left: 20px}

#hoverpage {width:100%; height:350px; border:1px solid #fc0; background:#f9f9f0; position:relative; z-index:40; overflow:hidden; text-align:left;}
#hoverpage_largo {width:100%; height:100%; border:1px solid #fc0; background:#f9f9f0; position:relative; z-index:40; text-align:left;}

#hoverpage ul#menu {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#menu li.page {display:inline;} /* para que IE funcione correctamente */

#hoverpage ul#menu li.page a.menuitem {text-decoration:none;}

#hoverpage ul#menu li.page i {position:absolute; display:block; height:25px; line-height:25px; padding-right:0px; left:25px; background:#f9f9f0; z-index:50; text-align:center;text-decoration:none; color:#666; font-style:normal; width:120px; border:1px solid #fc0; }

#hoverpage ul#menu li.page_sin i {position:absolute; display:block; height:25px; line-height:25px; padding-right:0px; left:25px; background:#f9f9f0; z-index:50; text-align:center; text-decoration:none; color:#666; font-style:normal; width:120px; border:1px solid #fc0;}

#hoverpage ul#menu li.p1 i {top:30px;}
#hoverpage ul#menu li.p2 i {top:55px;}
#hoverpage ul#menu li.p3 i {top:80px;}
#hoverpage ul#menu li.p4 i {top:105px;}
#hoverpage ul#menu li.p5 i {top:130px;}

#hoverpage ul#menu li.page div {display:block; width:100%; height:100%; padding:0px; font-weight:normal; color:#444; background:#f9f9f0;}

#hoverpage ul#menu li div img {border:0px solid #ddd; float:right; margin:10px 10px 10px 10px;}
#hoverpage ul#menu li div p  {line-height:1em; color:#333; font-size:1.2em; padding:20px;}
#hoverpage ul#menu li div a, #hoverpage ul#menu li div a:visited {color:#00c; text-decoration:none;}
#hoverpage ul#menu li div em {display:block; width:200px; height:230px; float:left;}

#hoverpage ul#menu li.page div a:hover {text-decoration:underline;}
#hoverpage ul#menu li.page a.menuitem:hover {white-space:normal;} /* para IE6 */

#hoverpage ul#menu li.click div {position:absolute; left:0; top:0;}
#hoverpage ul#menu li.click a i,
#hoverpage ul#menu li.click a:visited i {color:#000; font-weight:bold;}

#hoverpage ul#menu div ul li {line-height:20px; color:#256; list-style-type:disc;}
#hoverpage ul#menu div ul li a,
#hoverpage ul#menu div ul li a:visited {line-height:20px; color:#c00;}

#hoverpage ul#menu div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#menu div dl dt {line-height:30px; color:#333;}

.preload2 {background: url(../imagenes/menu/boton4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(../imagenes/menu/boton1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; z-index: 1000 }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; }
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../imagenes/menu/abajo.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../imagenes/menu/boton4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../imagenes/menu/boton4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../imagenes/menu/boton4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../imagenes/menu/boton4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../imagenes/menu/boton4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../imagenes/menu/boton4a.gif) no-repeat right top;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:1200;}


.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:113px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:110px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:107px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../imagenes/menu/flecha.gif) 100px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(../imagenes/menu/flecha_encima.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(../imagenes/menu/flecha_encima.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:100px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:113px; z-index:1200; height:auto;}

#login_error, .message {
	margin: 0 0 16px 8px;
	background-color: #fffbcc;
	border: 1px solid #e6db55;
	padding: 12px;
}

html, body, p, table, td, form, img, h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
}

html, body, div, p, table, td, form, img, h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  border: 0px solid black;
}

table {
	border: 0px solid black;
}

.usuarios {
	font-size: 1em;
	font-weight: normal;
	color: #787878;
	height: 28px;
}

img.imagen_clara {
	filter:alpha(opacity=20);
	-moz-opacity:1.30;
	height: 30%;
}

img.imagen_clara_peq {
	filter:alpha(opacity=20);
	-moz-opacity:1.30;
	height: 50px;
 	padding-left: 20px;
}

.imagen_oscura {
	z-index:1;
	opacity:0.10;
	background-image: url(../imagenes/fondo.png);	
	height: 120px;
	background-repeat: inherit;
	width: 150%;
}

input[type='text'],input[type='password'] {
  BACKGROUND-COLOR: rgb(233,233,233);
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  font-size:1.2em; 
  font-weight:normal;		 
}

.recordar {
  BORDER: 0px solid;
}

body {
  font-size: 70%;
  background-color: #f9f9f0;
}

a, a:visited {
  color: #4E7DC2;
  text-decoration: none;
}

a:active, a:hover {
  color: #4E7DC2;
  text-decoration: underline;
}

.prev_post {
  color: #d3d3d3;
}

.fondo_error {
 	background-image: url(../imagenes/fondo_error.jpg);
}

.fondo_OK {
 	background-image: url(../imagenes/fondo_verde.jpg);
}

.error_db {
	padding: 10px 10px 10px 10px;
	font-family: sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	height: auto;
	width: auto;
}

.capa_error_db {
	background: #fff;
	border: 2px solid red;
}

.capa_OK_db {
	background: #fff;
	border: 2px solid green;
}

input[type='checkbox'] { 
  border: none; 
}

.lista_usuarios {
  border: 1px solid black;
  padding: 0px;
}

 select {
  font-size: 1em;
}

fieldset {
  margin-top:         1em;
  border:             #000000 solid 1px;
  padding:            0.5em;
  background:         transparent;
}

fieldset legend {
  background-color:   transparent;
  font-weight:        bold;
  color:              #444444;
}

img,
select,
input,
checkbox,
button {
  vertical-align:     middle;
}

.tabla_cabecera {
  FONT-SIZE: 8pt;
  COLOR: #ffffff;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  TEXT-DECORATION: none;
  HEIGHT: 22px;
}

.tabla_fila_detalle {
  BORDER-BOTTOM: ridge;
  border-bottom-width: thin;
  border-bottom-color: grey;
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  FONT-SIZE: 8pt;
  COLOR: #000000;
  TEXT-INDENT: 5px;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  HEIGHT: 20px;
  BACKGROUND-COLOR: #E9EBEB;
} 

.tabla_fila_detalle_alterna {
  BORDER-BOTTOM: ridge;
  border-bottom-width: thin;
  border-bottom-color: grey;
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  FONT-SIZE: 8pt;
  COLOR: #000000;
  TEXT-INDENT: 5px;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  HEIGHT: 20px;
  BACKGROUND-COLOR: #FFFFFF;
}

.tabla_fila_dinamica_alterna {
  BORDER: 10px solid #ffcc00;	
  FONT-SIZE: 8pt;
  TEXT-INDENT: 5px;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  HEIGHT: 20px;
	background-color: #d1b68f;
}

.pag_avance {
	opacity:0.60;
	background-image: url(../imagenes/pag_back.gif);
	background-position: top;
	float: left;
	background-repeat: no-repeat;
}

.pag_back {
	opacity:0.60;
	background-image: url(../imagenes/pag_back.gif);
	background-position: top;
	float: left;
	background-repeat: no-repeat;
}

.pag_primera {
	opacity:0.60;
	background-image: url(../imagenes/pag_primera.gif);
	background-position: top;
	float: left;
	background-repeat: no-repeat;
}

.pag_ultima {
	opacity:.60;
	background-image: url(../imagenes/pag_ultima.gif);
	background-position: top;
	float: inherit;
	position: absolute;
	background-repeat: no-repeat;
	display: block;
  overflow: visible;
	z-index: 1;
}

.boton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #AABBBF;
	background-color : #ece9d8;
  color:#404F59;
	background-image: url("../imagenes/btn_bg.gif");
	padding: 2px;
}

.boton_alertas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #AABBBF;
	background-color : #bccefa;
  color:#404F59;
	padding: 2px;
}

.desactivado {
  background-color : #ece9e8;
  border: 2px solid #AABBBF;
}

img.transparente {
	filter:alpha(opacity=20);
	-moz-opacity:1.30;
  background: transparent;
  height: 8px;
	width: 8px;
}

.imagen_pequena {
	filter:alpha(opacity=20);
	-moz-opacity:1.30;	
}

.capa_lista_usuarios {
	background: transparent;
	border-top: 1px solid #e6db55;
	border-bottom: 1px solid #e6db55;
	padding-top: 10px;
  height: 310px;
	overflow: auto;
  display: block;
	width: 100%;
}

.capa_overflow {
	background: transparent;
	border-top: 1px solid #e6db55;
	border-bottom: 1px solid #e6db55;
	padding-top: 10px;
	overflow: auto;
  display: block;
  height: 150px;
}

.check {
	display: block;		 
	color: #626261;
	font-family: verdana, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	background-color: #FFFFFF;
	height: 15px; 
	padding: 0px 5px 0px 5px;
	border:solid 0.1em #000;
}
	
.ver_color {
	height: 15px;
	width: 115px;
	border:solid 0.1em #000;
}
	
.linea {
	border-bottom: #B6BCC6 1px solid;
}

div.marco_amarillo {
	margin:             1.5em 0 0.5em 0;
  border:             0.1em solid #FFD700;
  color:              #000000;
  background-color:   #FFFFDD;
  padding:            10px 10px 10px 36px;
	width: 					   840px;
	margin-left:        auto;
	margin-right:       auto;
}

.tableh2 {
	background-image: url(../imagenes/tile_sub.gif);
	background-color: #708088 ;
	border-left: 1px solid #95A5AD;
	border-right: 0px solid #62727A;
  margin: 0px;
	color : white;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
  height: 20px;
	font-weight: bold;
}

.tableh1 {
  color:#606F79;
  font-size: 11px;
  height: 10px;
  background-image:  url(../imagenes/tile_back1.gif);
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #CED2D6;
}

/* ESTILOS PARA LA PANTALLA DE CONFIGURACION */
.xsnazzy h1, .zsnazzy h1 {
  margin:0;
  font-size:1.2em;
  padding:0 10px 5px 10px;
  border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
  margin:0;
  padding:5px 10px;
  font-size:12px;
}
.xsnazzy {
  background: transparent;
  width:100%;
  float:left;
  margin:0 0px;
}

.xtop, .xbottom {
  display:block;
  background:transparent;
  font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
  display:block;
  overflow:hidden;
}
.xb1, .xb2, .xb3 {
  height:1px;
}
.xb2, .xb3, .xb4 {
  background:#fff;
  border-left:1px solid #444;
  border-right:1px solid #444;
}
.xb1 {
  margin:0 5px;
  background:#444;
}
.xb2 {
  margin:0 3px;
  border-width:0 2px;
}
.xb3 {
  margin:0 2px;
}
.xb4 {
  height:2px;
  margin:0 1px;
}

.xboxcontent {
  display:block;
  border:0 solid #444;
  border-width:0 1px;
  height:auto;
}
* html .xboxcontent {
  height:1px;
}

.color_b {
background:#d4d8bd;
color:#000;
}




